@charset "UTF-8";
/*_common*/
/*_adaptation*/
@media screen and (min-width: 320px) {
  html,
  body {
    font-size: 14px; } }

@media screen and (min-width: 375px) {
  html,
  body {
    font-size: 15px; } }

@media screen and (min-width: 414px) {
  html,
  body {
    font-size: 16px; } }

@media screen and (min-width: 480px) {
  html,
  body {
    font-size: 16px; } }

@media screen and (min-width: 560px) {
  html,
  body {
    font-size: 18px; } }

@media screen and (min-width: 640px) {
  html,
  body {
    font-size: 20px; } }

@media screen and (min-width: 720px) {
  html,
  body {
    font-size: 22px; } }

@media screen and (min-width: 800px) {
  html,
  body {
    font-size: 24px; } }

@media screen and (min-width: 1024px) {
  html,
  body {
    font-size: 26px; } }

/*-----------_reset----------------*/
*,
:after,
:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html,
body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 320px;
  margin: auto; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background-color: #eeeded; }

body {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-user-select: none;
  color: #7b7b7b; }

h1,
h2,
h3 {
  margin: 0;
  font-weight: normal; }

p,
dl,
dd {
  margin: 0; }

ul,
ol {
  margin: 0;
  padding-left: 0;
  list-style: none; }

td {
  padding: 0; }

input,
button,
select,
textarea {
  outline: none; }

button,
input[type=submit],
input[type=button] {
  border: 0; }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #aaa; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none;
  color: #393939; }

i {
  display: inline-block;
  font-style: normal;
  background: no-repeat center center;
  background-size: contain; }

img {
  width: 100%;
  vertical-align: middle; }

/*_themes*/
/*伪类背景图*/
pseudoIcon, .consigneeInfo .dateTimeSelect .date:before,
.consigneeInfo .dateTimeSelect .time:before, .rArrow:after, .topBar .locationCity:before, .topBar .locationCity:after, .notFinished .takeTime .title:before, .notFinished .userInfo .title:before, .notFinished .orderState .title:before, .countTypeNav .piece:before, .countTypeNav .package:before, .priceTypeNav li.current, .settingWrap li:after, .settingWrap li:before, .rechargeWrap .title:before, .rechargeWrap .card i,
.rechargeWrap .coupon i, .recommendWrap .sky:after, .recommendWrap .sharelink, .integralWrap .totalWrap .title:before,
.integralWrap .totalWrap .title:after, .opinionSurveyWrap .surveyHeader:before, .makeAppointment .appointmentHeader:before, .shoppingcarBtn i, .loginForm form p:before {
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }

normal {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }

/*_RMB*/
.RMB {
  font-family: cursive; }

/*弹层*/
.closeLayer,
.shareLayer {
  width: 100%;
  height: 100%;
  position: absolute; }

/*距底部*/
.pFooter {
  padding-bottom: 3.21429rem; }

/*btn*/
.btn {
  display: inline-block;
  font-size: 1.14286rem;
  border-radius: 3px; }

/*icon/btn*/
.wechatIcon {
  float: left;
  width: 1.25rem;
  height: 1.21429rem;
  background-image: url(../../res/img/icon/wechat@2x.png);
  background-size: 1.17857rem; }

.cleanBtn {
  float: left;
  width: 1.25rem;
  height: 1.21429rem;
  background-image: url(../../res/img/icon/clean@2x.png);
  background-size: 1.17857rem; }

/*-----------moudles-----------*/
/*清洗(衣服/鞋子)*/
.cleanList {
  overflow: hidden; }
  .cleanList li {
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    background-color: #fff; }
    .cleanList li span {
      display: block;
      font-size: 1rem; }
  .cleanList li {
    border-right: 1px solid #DDD; }
  .cleanList label {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    padding-top: 1.42857rem;
    padding-bottom: 1.60714rem; }
  .cleanList input {
    position: absolute;
    z-index: -1; }
  .cleanList input[type=checkbox]:checked + label:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 2.14286rem solid #48B6F5;
    border-left: 2.14286rem solid transparent; }
  .cleanList input[type=checkbox]:checked + label {
    border-color: #48B6F5; }
  .cleanList input[type=checkbox]:checked + label:after {
    content: '';
    position: absolute;
    width: 1.07143rem;
    height: 0.53571rem;
    right: 0.14286rem;
    bottom: 0.42857rem;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    background-color: transparent;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .cleanList li:nth-child(3n) {
    border-right: none; }
  .cleanList img {
    width: 5.35714rem;
    height: 5.35714rem;
    margin-bottom: 0.35714rem; }

/*收件人信息*/
.consigneeInfo .dateTimeSelect {
  padding: 0 1.07143rem;
  background-color: #fff; }
  .consigneeInfo .dateTimeSelect .date {
    border-bottom: 1px solid #EEE; }
  .consigneeInfo .dateTimeSelect .date,
  .consigneeInfo .dateTimeSelect .time {
    padding: 0.89286rem 0; }
  .consigneeInfo .dateTimeSelect .date:before,
  .consigneeInfo .dateTimeSelect .time:before {
    width: 0.92857rem;
    height: 0.92857rem;
    margin-right: 0.78571rem;
    background-size: 0.92857rem; }
  .consigneeInfo .dateTimeSelect .date:before {
    background-image: url(../../res/img/icon/fwrq@2x.png); }
  .consigneeInfo .dateTimeSelect .time:before {
    background-image: url(../../res/img/icon/fwsjd@2x.png); }
  .consigneeInfo .dateTimeSelect input {
    width: 80%;
    border: none;
    background-color: transparent; }

.consigneeInfo .userInfo {
  position: relative;
  min-height: 3.21429rem;
  margin-top: 0.28571rem;
  padding: 1.07143rem;
  font-size: 1.07143rem;
  color: #555;
  background-color: #fff; }
  .consigneeInfo .userInfo .nick {
    margin-right: 0.35714rem; }
  .consigneeInfo .userInfo .address {
    margin-top: 0.35714rem; }
  .consigneeInfo .userInfo .editLink {
    position: absolute;
    top: 1.07143rem;
    right: 1.07143rem;
    color: #48B6F5; }

.consigneeInfo .remarks {
  margin-top: 0.28571rem;
  padding: 0.35714rem 1.07143rem;
  background-color: #fff; }
  .consigneeInfo .remarks textarea {
    width: 100%;
    height: 5.35714rem;
    font-size: 1.07143rem;
    resize: none;
    border: none; }

/*nav*/
.orderWrap .typeNav,
.luxuryWrap .typeNav {
  overflow: hidden;
  margin-top: 0.28571rem;
  line-height: 3.21429rem;
  padding: 0 0.89286rem;
  font-size: 1.14286rem;
  background-color: #fff; }
  .orderWrap .typeNav li.current,
  .luxuryWrap .typeNav li.current {
    border-bottom: 2px solid #48B6F5; }

/*input beauty*/
.checkboxBeautyfy label {
  display: block;
  position: relative;
  float: left;
  cursor: pointer;
  width: 1.07143rem;
  height: 1.07143rem;
  border-radius: 50%;
  right: 0;
  background: #fff;
  border: 1px solid #9d989c; }

.checkboxBeautyfy input[type=checkbox]:checked + label:after {
  opacity: 1;
  content: '';
  position: absolute;
  width: .64286rem;
  height: .42857rem;
  background: 0 0;
  top: 3px;
  left: 3px;
  border: 2px solid #f50f02;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/*底部操作按钮*/
.footerBtnWrap {
  margin-top: 0.28571rem;
  overflow: hidden;
  font-size: 1.14286rem;
  border-top: 1px solid #48B6F5;
  border-bottom: 1px solid #48B6F5;
  color: #48B6F5;
  background-color: #fff; }
  .footerBtnWrap li {
    height: 3.07143rem;
    line-height: 3.07143rem; }
  .footerBtnWrap li:nth-child(1) {
    border-right: 1px solid #48B6F5; }
  .footerBtnWrap li:active {
    color: #fff;
    background-color: #48B6F5; }
  .footerBtnWrap li:nth-child(2) {
    color: #fff;
    background-color: #48B6F5; }
    .footerBtnWrap li:nth-child(2) a {
      display: block;
      color: #fff;
      background-color: #48B6F5; }

/*右箭头*/
.rArrow {
  position: relative; }

.rArrow:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.07143rem;
  margin: auto;
  width: 0.64286rem;
  height: 1.07143rem;
  background-image: url(../../res/img/icon/yjt@2x.png);
  background-size: 0.64286rem; }

/*layer*/
.layer {
  display: none;
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); }

/*-----------layout-----------*/
/*flex*/
.flexCenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: center;
  box-align: center; }

.flex {
  display: box;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flex-aicenter {
  -webkit-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-align: center;
  box-align: center; }

/*position*/
.fixed {
  position: fixed;
  width: 100%; }

.relative {
  position: relative; }

/*graid*/
listTwo, .footerBtnWrap li, .luxuryWrap .typeNav li, .rechargeWrap li, .opinionSurveyWrap .surveyBody .surveyItme p, .coupon .couponNav li, .businessOrderWrap .typeNav li,
listThree,
.cleanList li,
.orderWrap .typeNav li,
.cantWrap .cantList li,
listFour {
  float: left;
  text-align: center; }

listTwo, .footerBtnWrap li, .luxuryWrap .typeNav li, .rechargeWrap li, .opinionSurveyWrap .surveyBody .surveyItme p, .coupon .couponNav li, .businessOrderWrap .typeNav li {
  width: 50%; }

listThree, .cleanList li, .orderWrap .typeNav li, .cantWrap .cantList li {
  width: 33.333%; }

listFour {
  width: 25%; }

/*center way*/
/*绝对定位居中*/
avCenter, .settingWrap li span:nth-child(2), .settingWrap li:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto; }

/*_footer*/
.bMenu {
  bottom: 0;
  height: 3.21429rem;
  padding: 0.42857rem 0;
  border-top: 1px solid #ccc;
  background-color: #fff; }
  .bMenu li {
    float: left;
    width: 33.333%;
    text-align: center; }
  .bMenu li.current a {
    color: #48B6F5; }
  .bMenu span {
    display: block;
    text-align: center;
    font-size: 1rem; }
  .bMenu .homeIcon {
    width: 1.32143rem;
    height: 1.25rem;
    background-image: url(../../res/img/icon/home@2x.png); }
  .bMenu .homeIcon.current {
    background-image: url(../../res/img/icon/homeC@2x.png); }
  .bMenu .orderIcon {
    width: 1.03571rem;
    height: 1.28571rem;
    background-image: url(../../res/img/icon/dd@2x.png); }
  .bMenu .orderIcon.current {
    background-image: url(../../res/img/icon/ddC@2x.png); }
  .bMenu .meIcon {
    width: 1.28571rem;
    height: 1.21429rem;
    background-image: url(../../res/img/icon/me@2x.png); }
  .bMenu .meIcon.current {
    background-image: url(../../res/img/icon/meC@2x.png); }

/*page*/
/*_home首页*/
/*_searchBar*/
.topBar {
  position: relative;
  margin: 0.28571rem 0;
  height: 2.14286rem;
  line-height: 2.14286rem;
  padding: 0 1.07143rem;
  background-color: #fff; }
  .topBar .locationCity {
    position: absolute;
    z-index: 11;
    font-size: 1rem; }
  .topBar .locationCity:before {
    width: 0.75rem;
    height: 0.92857rem;
    margin-right: 0.42857rem;
    background-image: url(../../res/img/icon/dw@2x.png);
    background-size: 0.67857rem; }
  .topBar .locationCity:after {
    width: 0.89286rem;
    height: 0.42857rem;
    margin-top: -0.28571rem;
    margin-left: 0.42857rem;
    background-image: url(../../res/img/icon/xjt@2x.png);
    background-size: 0.82143rem; }
  .topBar .pageTilte {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1.14286rem; }

/*_banner轮播图*/
.bannerWrap {
  overflow: hidden;
  position: relative; }
  .bannerWrap .swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.5rem;
    background-color: black; }
  .bannerWrap .swiper-pagination-bullet-active {
    background-color: #1dd165; }

/*nav*/
.navWrap {
  overflow: hidden;
  position: relative;
  margin-top: 0.28571rem; }
  .navWrap .appointment {
    position: absolute;
    left: 50%;
    top: 24%;
    margin-left: -2.25rem;
    width: 4.5rem;
    height: 4.5rem;
    text-align: center;
    font-size: 1.07143rem;
    border-radius: 50%;
    border: 0.42857rem solid #eeeded;
    color: #fff;
    background-color: #429dd4; }
    .navWrap .appointment span {
      display: block; }
    .navWrap .appointment span:nth-child(1) {
      margin-top: 0.5rem; }
  .navWrap li {
    float: left;
    width: 50%;
    margin-bottom: 0.28571rem; }
  .navWrap li:nth-child(odd) {
    padding-right: 0.14286rem; }
  .navWrap li:nth-child(even) {
    padding-left: 0.14286rem; }
  .navWrap li:nth-child(5) .special,
  .navWrap li:nth-child(6) .special {
    margin-top: 0.28571rem; }
  .navWrap .navItem {
    overflow: hidden;
    padding-top: 0.71429rem;
    padding-bottom: 0.35714rem;
    font-size: 1.03571rem;
    text-align: center;
    background-color: #fff; }
    .navWrap .navItem img {
      width: 3.67857rem;
      height: 3.67857rem;
      margin-left: 1.07143rem;
      margin-right: 0.71429rem; }
    .navWrap .navItem .type {
      overflow: hidden;
      margin-top: 0.71429rem;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .navWrap .navItem .price {
      color: #a1a1a1; }

/*关于服务 */
.aboutServiceWrap {
  overflow: hidden; }
  .aboutServiceWrap li {
    width: 32.807571%;
    padding: 0.71429rem 0;
    margin-right: 0.28571rem;
    margin-bottom: 0.28571rem;
    text-align: center;
    background-color: #fff; }
  .aboutServiceWrap li:nth-child(3) {
    margin-right: 0; }
  .aboutServiceWrap img {
    width: 3.85714rem;
    height: 3.85714rem; }

/*会员福利社*/
.welfare {
  min-height: 100%;
  padding: 0 1.07143rem;
  background-color: #fff; }
  .welfare h3 {
    padding-top: 1.07143rem;
    margin-bottom: 1.42857rem;
    color: #000; }

.welfareList li {
  margin-bottom: 1.07143rem; }
  .welfareList li p {
    padding: 0.57143rem 0 0.57143rem 1.07143rem;
    font-size: 0.85714rem;
    border-top-left-radius: 0.57143rem;
    border-top-right-radius: 0.57143rem;
    color: #fff;
    background-color: #48B6F5; }

/*服务介绍*/
/*_city城市*/
.cityListWrap h2 {
  height: 2.85714rem;
  padding: 0 1.42857rem;
  line-height: 2.85714rem;
  font-size: 1.14286rem; }

.cityListWrap .cityList {
  font-size: 1rem;
  background-color: #fff; }

.cityListWrap .locationCityWrap p {
  padding: 1.42857rem;
  background-color: #fff; }

.cityListWrap .locationCityWrap span {
  padding: 0.71429rem 1.42857rem;
  border: 1px solid #dbdbdb;
  border-radius: 3px; }

.cityListWrap .otherCityWrap .cityList,
.cityListWrap .hotCityWrap .cityList {
  background-color: #fff; }

.cityListWrap .otherCityWrap li,
.cityListWrap .hotCityWrap li {
  padding: 0.71429rem 1.42857rem;
  border-bottom: 1px solid #dbdbdb; }

.cityListWrap .otherCityWrap li:last-child,
.cityListWrap .hotCityWrap li:last-child {
  border-bottom: none; }

.cityListWrap .otherCityWrap li:active,
.cityListWrap .hotCityWrap li:active {
  background-color: #ddd; }

/*_------------order订单-----------*/
/*订单导航*/
.orderBody {
  margin-top: 0.28571rem;
  /*未完成*/ }
  .orderBody a {
    display: block; }
  .orderBody li {
    margin-bottom: 0.28571rem; }
  .orderBody .orderItem {
    background-color: #fff; }
    .orderBody .orderItem p {
      margin-bottom: 0.53571rem;
      font-size: 0.85714rem; }
      .orderBody .orderItem p span {
        margin-right: 0.71429rem; }
    .orderBody .orderItem p.title {
      font-size: 1rem;
      color: #474747; }
    .orderBody .orderItem p:nth-child(n+2) {
      padding-left: 1.42857rem; }
    .orderBody .orderItem p:last-child {
      margin-bottom: 0; }
    .orderBody .orderItem .btn {
      padding: 0 1.07143rem;
      line-height: 1.78571rem; }
  .orderBody .title:before {
    margin-right: 0.64286rem; }

/*未完成*/
.notFinished > li {
  margin-bottom: 1.07143rem; }

.notFinished .orderItem {
  padding-bottom: 1.07143rem; }

.notFinished .itemContent {
  padding: 0 1.07143rem; }

.notFinished .orderNum {
  height: 2.85714rem;
  line-height: 2.85714rem;
  padding: 0 1.07143rem;
  margin-bottom: 1.07143rem;
  overflow: hidden;
  font-size: 0.85714rem;
  border-bottom: 1px solid #eaeaea; }

.notFinished .takeTime {
  margin-bottom: 1.07143rem; }
  .notFinished .takeTime .title:before {
    width: 0.96429rem;
    height: 0.96429rem;
    background-image: url(../../res/img/icon/ddzt@2x.png);
    background-size: 0.92857rem; }

.notFinished .userInfo {
  margin-bottom: 1.07143rem; }
  .notFinished .userInfo .title span {
    display: inline-block;
    margin-top: -0.35714rem; }
  .notFinished .userInfo .title:before {
    width: 0.82143rem;
    height: 2.07143rem;
    margin-top: -0.71429rem;
    vertical-align: middle;
    background-image: url(../../res/img/icon/lxrxx@2x.png);
    background-size: 0.78571rem; }

.notFinished .orderState {
  overflow: hidden; }
  .notFinished .orderState .title:before {
    width: 0.75rem;
    height: 1rem;
    background-image: url(../../res/img/icon/ddbh@2x.png);
    background-size: 0.71429rem; }
  .notFinished .orderState .status {
    float: right;
    font-size: 1rem;
    color: #48B6F5; }

.notFinished .orderItemFooter {
  margin-top: 0; }
  .notFinished .orderItemFooter li {
    margin-bottom: 0; }

.notFinished .orderItemFooter.payed li {
  width: 100%;
  border-right: none; }

.notFinished .orderItemFooter.notPay li {
  @entend listThree; }

/*进行中*/
.ing li {
  margin-bottom: 0;
  padding: 0 1.25rem;
  background-color: #fff; }

.ing li:last-child .orderNum {
  border-bottom: none; }

.ing .orderItem div {
  padding: 1.25rem 0;
  border-bottom: 1px solid #d7d7d7; }

/*进行中*/
.ing .rArrow:after,
.finished .rArrow:after {
  right: 0; }

.ing .orderItem p,
.finished .orderItem p {
  padding-left: 0 !important; }

.ing .orderItem .orderNo,
.finished .orderItem .orderNo {
  font-size: 1rem;
  color: #474747; }

/*已完成*/
.finished .orderItem {
  padding: 1.25rem;
  margin-bottom: 0.28571rem; }
  .finished .orderItem div {
    border-bottom: none; }

.finished .orderNum {
  position: relative; }

.finished .evaluaBtn {
  position: absolute;
  right: 0;
  bottom: 1.78571rem;
  color: #48B6F5;
  border: 2px solid #48B6F5; }

/*_------------orderDetail订单详情-----------*/
.orderDetailWrap {
  min-height: 100%;
  background-color: #fff; }
  .orderDetailWrap .detailHeader {
    margin: 0.28571rem 0;
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.14286rem;
    border-bottom-width: 0.28571rem;
    border-bottom-color: #f5f5f5;
    border-bottom-style: solid; }
  .orderDetailWrap .detailBody {
    font-size: 1rem;
    background-color: #fff; }
    .orderDetailWrap .detailBody .orderNum {
      padding: 1.07143rem 1.07143rem;
      border-bottom: 1px solid #d7d7d7;
      color: #4b4b4b; }
      .orderDetailWrap .detailBody .orderNum li {
        margin-bottom: 0.71429rem; }
      .orderDetailWrap .detailBody .orderNum li:nth-child(2),
      .orderDetailWrap .detailBody .orderNum .payWay {
        display: inline-block;
        margin-left: 0.35714rem;
        color: #bdbdbd; }
      .orderDetailWrap .detailBody .orderNum li:last-child {
        margin-bottom: 0; }
    .orderDetailWrap .detailBody .orderDetail {
      padding: 1.07143rem 0;
      border-bottom: 1px solid #d7d7d7;
      color: #4b4b4b; }
      .orderDetailWrap .detailBody .orderDetail h2 {
        padding: 0 1.07143rem;
        font-size: 1.14286rem; }
      .orderDetailWrap .detailBody .orderDetail .detailTable {
        width: 100%;
        margin-top: 0.71429rem; }
        .orderDetailWrap .detailBody .orderDetail .detailTable tr {
          background-color: #f5f5f5; }
        .orderDetailWrap .detailBody .orderDetail .detailTable td {
          padding: 0.71429rem 1.07143rem;
          margin-bottom: 0.28571rem; }
        .orderDetailWrap .detailBody .orderDetail .detailTable td:nth-child(1) {
          width: 40%; }
        .orderDetailWrap .detailBody .orderDetail .detailTable td:nth-child(2) {
          width: 20%; }
        .orderDetailWrap .detailBody .orderDetail .detailTable td:nth-child(3) {
          width: 40%; }
    .orderDetailWrap .detailBody .orderStatus {
      padding: 1.07143rem; }
      .orderDetailWrap .detailBody .orderStatus h2 {
        font-size: 1.14286rem;
        color: #4b4b4b; }
      .orderDetailWrap .detailBody .orderStatus .ing {
        position: relative;
        margin-top: 0.71429rem;
        font-size: 0.85714rem; }
        .orderDetailWrap .detailBody .orderStatus .ing li {
          margin-bottom: 0.71429rem;
          padding-left: 0; }
        .orderDetailWrap .detailBody .orderStatus .ing i {
          position: relative;
          width: 1rem;
          height: 1rem;
          margin-right: 0.71429rem;
          border-radius: 50%;
          border: 2px solid #fff;
          vertical-align: sub;
          background-color: #eeeeee; }
        .orderDetailWrap .detailBody .orderStatus .ing i:after {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          width: 0.42857rem;
          height: 0.42857rem;
          border-radius: 50%;
          background-color: #cdcdcd; }
        .orderDetailWrap .detailBody .orderStatus .ing li.current {
          color: #48B6F5; }
        .orderDetailWrap .detailBody .orderStatus .ing li.current i {
          width: 1.21429rem;
          height: 1.21429rem;
          margin-left: -0.10714rem;
          background-color: #fcd0d0; }
        .orderDetailWrap .detailBody .orderStatus .ing li.current i:after {
          background-color: #48B6F5; }
      .orderDetailWrap .detailBody .orderStatus .ing:before {
        content: '';
        position: absolute;
        top: 0.35714rem;
        left: 0.46429rem;
        width: 1px;
        height: 80%;
        background-color: #DADADA; }

/*优惠券使用弹层*/
.useCouponDialog {
  display: none;
  position: fixed;
  z-index: 12;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 80%;
  max-height: 12%;
  background-color: #fff;
  margin: auto;
  padding: 1.78571rem 1.07143rem; }
  .useCouponDialog p {
    margin-bottom: 0.71429rem; }
  .useCouponDialog select {
    width: 100%; }

/*----------clothes衣服----------*/
/*按件计价*/
.countTypeNav {
  overflow: hidden;
  margin-top: 0.28571rem;
  background-color: #fff; }
  .countTypeNav li {
    float: left;
    width: 50%;
    padding: 1.07143rem 0;
    text-align: center; }
  .countTypeNav li.current {
    color: #48B6F5; }
  .countTypeNav li:before {
    margin-right: 0.64286rem;
    vertical-align: text-top; }
  .countTypeNav .piece:before {
    width: 1.5rem;
    height: 0.78571rem;
    background-image: url(../../res/img/icon/ajjj@2x.png);
    background-size: 1.42857rem; }
  .countTypeNav .piece.current:before {
    background-image: url(../../res/img/icon/ajjjc@2x.png); }
  .countTypeNav .package:before {
    width: 1rem;
    height: 1rem;
    background-image: url(../../res/img/icon/abjj@2x.png);
    background-size: 0.92857rem; }
  .countTypeNav .package.current:before {
    background-image: url(../../res/img/icon/abjjc@2x.png); }

.priceTypeNav {
  overflow: hidden;
  padding: 0 1.42857rem;
  margin-top: 0.28571rem;
  font-size: 0.42857rem;
  color: #1d96fe;
  background-color: #fff; }
  .priceTypeNav li {
    float: left;
    width: 33.333%;
    height: 2.60714rem;
    line-height: 2.60714rem;
    text-align: center; }
  .priceTypeNav li.current {
    color: #fff;
    height: 2.60714rem;
    background-image: url(../../res/img/icon/lxxz.png);
    background-size: 7.71429rem; }
  .priceTypeNav .RMB {
    font-size: 1rem; }
  .priceTypeNav .price {
    font-size: 1.60714rem; }

.priceTypeBody {
  margin-bottom: 2.85714rem; }
  .priceTypeBody .typeDesc {
    padding: 0.71429rem 1.25rem;
    margin-bottom: 1.42857rem;
    line-height: 1.42857rem;
    font-size: 0.85714rem;
    color: #fff;
    background-color: #1d96fe; }

/*按包计价*/
.canWrap {
  padding-top: 0.53571rem;
  padding-bottom: 1.07143rem;
  text-align: center;
  background-color: #139db8; }
  .canWrap .bubble {
    display: block;
    width: 20.75rem;
    height: 19.5rem;
    margin: auto;
    background: url(../../res/img/icon/package@2x.png) no-repeat center center;
    background-size: 20.75rem; }

.cantWrap {
  padding-top: 0.53571rem;
  background-color: #edefba; }
  .cantWrap .title {
    position: relative;
    font-size: 1.14286rem;
    text-align: center;
    color: #48B6F5; }
  .cantWrap .title:before,
  .cantWrap .title:after {
    content: "";
    position: absolute;
    top: 0.71429rem;
    width: 38%;
    padding: 0 1.07143rem;
    border: 1px solid #48B6F5; }
  .cantWrap .title:before {
    right: 50%;
    margin-right: 2.14286rem; }
  .cantWrap .title:after {
    left: 50%;
    margin-left: 2.14286rem; }
  .cantWrap .cantList {
    overflow: hidden;
    padding: 1.42857rem;
    text-align: center;
    -webkit-box-shadow: 0 3px 5px #ccc;
            box-shadow: 0 3px 5px #ccc; }
    .cantWrap .cantList li {
      margin-bottom: 0.53571rem; }
    .cantWrap .cantList p {
      display: inline-block;
      width: 4.07143rem;
      height: 4.07143rem;
      border-radius: 50%;
      background-color: #48B6F5; }
      .cantWrap .cantList p span {
        display: block;
        color: #fff;
        font-size: 0.85714rem; }
    .cantWrap .cantList li:nth-child(1) i {
      width: 2.5rem;
      height: 1.07143rem;
      margin-top: 1.07143rem;
      background-image: url(../../res/img/icon/shoe@2x.png);
      background-size: 2.42857rem; }
    .cantWrap .cantList li:nth-child(2) i {
      width: 2.10714rem;
      height: 1.07143rem;
      margin-top: 1.07143rem;
      background-image: url(../../res/img/icon/bao@2x.png);
      background-size: 2.03571rem; }
    .cantWrap .cantList li:nth-child(3) i {
      width: 1.89286rem;
      height: 1.67857rem;
      margin-top: 0.53571rem;
      background-image: url(../../res/img/icon/piyi@2x.png);
      background-size: 1.82143rem; }
    .cantWrap .cantList li:nth-child(4) {
      overflow: hidden; }
      .cantWrap .cantList li:nth-child(4) i {
        float: left;
        width: 1.35714rem;
        height: 1.28571rem;
        margin-top: 1.42857rem;
        margin-left: 0.35714rem;
        background-image: url(../../res/img/icon/yiyyw@2x.png);
        background-size: 1.28571rem; }
      .cantWrap .cantList li:nth-child(4) span {
        margin-top: 1.07143rem; }
    .cantWrap .cantList li:nth-child(5) {
      overflow: hidden; }
      .cantWrap .cantList li:nth-child(5) p {
        line-height: 4.07143rem; }
      .cantWrap .cantList li:nth-child(5) i {
        float: left;
        width: 0.92857rem;
        height: 3.03571rem;
        margin-left: 0.85714rem;
        line-height: 3.03571rem;
        margin-top: 0.5rem;
        background-image: url(../../res/img/icon/hsh@2x.png);
        background-size: 0.85714rem; }
    .cantWrap .cantList li:nth-child(6) i {
      width: 1.60714rem;
      height: 1.67857rem;
      margin-top: 0.71429rem;
      background-image: url(../../res/img/icon/chl@2x.png);
      background-size: 1.53571rem; }

/*_shoes鞋*/
.shoesWrap .title {
  position: relative;
  margin-top: 1.42857rem;
  margin-bottom: 0.71429rem;
  font-size: 1.14286rem;
  text-align: center; }

.shoesWrap .title:before,
.shoesWrap .title:after {
  content: "";
  position: absolute;
  top: 0.71429rem;
  width: 40%;
  padding: 0 1.07143rem;
  border-bottom: 1px solid #b0b0b0; }

.shoesWrap .title:before {
  left: 0; }

.shoesWrap .title:after {
  right: 0; }

/*_textiles纺织品*/
.textilesWrap {
  margin-top: 0.28571rem; }
  .textilesWrap .item {
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 0.28571rem; }
    .textilesWrap .item li {
      font-size: 0.85714rem; }
    .textilesWrap .item .itemLeft {
      float: left;
      text-align: center; }
      .textilesWrap .item .itemLeft span {
        display: block;
        color: #48B6F5;
        font-size: 1rem; }
      .textilesWrap .item .itemLeft i {
        font-size: 12px;
        vertical-align: text-top; }
    .textilesWrap .item .itemRight {
      overflow: hidden; }
      .textilesWrap .item .itemRight .price {
        font-size: 2.14286rem;
        color: #48B6F5; }
      .textilesWrap .item .itemRight li {
        margin-bottom: 0.28571rem; }
      .textilesWrap .item .itemRight .RMB {
        font-size: 1rem; }
  .textilesWrap .itemOne {
    padding: 2.60714rem 0 2.14286rem 3.57143rem; }
    .textilesWrap .itemOne img {
      width: 4.32143rem;
      height: 4.57143rem; }
    .textilesWrap .itemOne .itemLeft {
      margin-right: 5.35714rem; }
  .textilesWrap .itemTwo {
    padding: 1.42857rem 0 1.60714rem 2.85714rem; }
    .textilesWrap .itemTwo .itemLeft {
      margin-right: 4.64286rem; }
    .textilesWrap .itemTwo img {
      width: 5.82143rem;
      height: 6.25rem; }
  .textilesWrap .textilesDesc {
    padding: 1.07143rem;
    font-size: 0.85714rem;
    color: #919191; }
    .textilesWrap .textilesDesc p {
      margin-bottom: 0.53571rem; }
    .textilesWrap .textilesDesc i {
      font-size: 0.42857rem;
      vertical-align: text-top; }

/*_luxury奢侈品*/
.luxuryWrap .typeNav {
  margin-bottom: 0.28571rem; }

.luxuryWrap .typeList {
  margin-bottom: 0.71429rem; }
  .luxuryWrap .typeList li .price {
    margin-bottom: 0.17857rem;
    font-size: 0.85714rem;
    color: #48B6F5; }

/*_me我*/
.idCardWrap {
  overflow: hidden;
  font-size: 1rem;
  background-color: #fff; }
  .idCardWrap .idCardBody {
    overflow: hidden;
    padding: 1.07143rem;
    text-align: center; }
    .idCardWrap .idCardBody .avatar {
      /*float: left;*/
      width: 5.14286rem;
      height: 5.14286rem;
      /*margin-right: 1.78571rem;*/
      border-radius: 50%; }
  .idCardWrap .idBodyRight span {
    display: block; }
  .idCardWrap .idBodyRight .userID {
    margin-bottom: 0.71429rem; }
  .idCardWrap .idBodyRight .goRechargeBtn {
    padding: 0.35714rem 2.67857rem;
    border: 1px solid #48B6F5;
    color: #fff;
    background-color: #48B6F5; }
  .idCardWrap .idCardFooter {
    overflow: hidden;
    padding: 0.71429rem 1.07143rem;
    border-top: 1px solid #d9d9d9;
    text-align: center; }
    .idCardWrap .idCardFooter p {
      display: inline-block;
      width: 50%;
      height: 2.35714rem;
      line-height: 2.35714rem;
      padding: 0 0.71429rem; }
    .idCardWrap .idCardFooter p:nth-child(1) {
      float: left;
      color: #393939;
      border-right: 1px solid #ccc; }
    .idCardWrap .idCardFooter p:nth-child(2) {
      float: right; }
      .idCardWrap .idCardFooter p:nth-child(2) .num {
        margin-left: 0.53571rem; }
    .idCardWrap .idCardFooter .num {
      font-size: 1.14286rem;
      color: #48B6F5; }

.settingWrap {
  margin-top: 0.28571rem; }
  .settingWrap li {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 0.28571rem;
    background-color: #fff; }
    .settingWrap li a {
      display: block;
      height: 3.39286rem;
      line-height: 3.39286rem; }
    .settingWrap li span:nth-child(1) {
      position: absolute;
      left: 2.85714rem; }
    .settingWrap li span:nth-child(2) {
      right: 2.5rem;
      color: #a1a1a1; }
  .settingWrap li:last-child span:nth-child(2) {
    right: 1.07143rem; }
  .settingWrap li:last-child:after {
    z-index: -1; }
  .settingWrap li:after {
    right: 1.07143rem;
    width: 0.64286rem;
    height: 1.07143rem;
    background-image: url(../../res/img/icon/yjt@2x.png); }
  .settingWrap li:before {
    position: absolute;
    left: 1.07143rem;
    top: -0.28571rem;
    bottom: 0;
    margin: auto; }
  .settingWrap li:nth-child(1):before {
    width: 1.25rem;
    height: 1.17857rem;
    background-image: url(../../res/img/icon/cydz@2x.png); }
  .settingWrap li:nth-child(2):before {
    width: 1.07143rem;
    height: 1.57143rem;
    background-image: url(../../res/img/icon/tjyj@2x.png); }
  .settingWrap li:nth-child(3):before {
    width: 1.35714rem;
    height: 1.10714rem;
    background-image: url(../../res/img/icon/wdjf@2x.png); }
  .settingWrap li:nth-child(4):before {
    width: 1.07143rem;
    height: 1.07143rem;
    background-image: url(../../res/img/icon/yjfk@2x.png); }
  .settingWrap li:nth-child(5):before {
    width: 1.07143rem;
    height: 0.78571rem;
    background-image: url(../../res/img/icon/bdyx@2x.png); }
  .settingWrap li:nth-child(6):before {
    width: 1.14286rem;
    height: 0.89286rem;
    background-image: url(../../res/img/icon/kfrx@2x.png); }

.amountEnterArea input {
  font-size: 1.14286rem; }

/*_recharge 充值*/
.rechargeWrap .rechargeType {
  overflow: hidden;
  margin-top: 0.71429rem; }

.rechargeWrap .rechargeType > li {
  margin-bottom: 0.71429rem; }

.rechargeWrap .title {
  padding: 1.07143rem 0;
  margin: 0.28571rem 0;
  text-align: center;
  background-color: #fff; }

.rechargeWrap .title:before {
  width: 1.42857rem;
  height: 1.17857rem;
  margin-right: 0.64286rem;
  background-image: url(../../res/img/icon/zxcz@2x.png);
  background-size: 1.35714rem; }

.rechargeWrap li {
  display: table;
  height: 6.42857rem;
  margin-bottom: 0.71429rem; }

.rechargeWrap li:nth-child(even) {
  padding-left: 0.35714rem; }
  .rechargeWrap li:nth-child(even) .itemType {
    border-top-left-radius: 0.14286rem;
    border-bottom-left-radius: 0.14286rem; }

.rechargeWrap li:nth-child(odd) {
  padding-right: 0.35714rem; }
  .rechargeWrap li:nth-child(odd) .itemType {
    border-top-right-radius: 0.14286rem;
    border-bottom-right-radius: 0.14286rem; }

.rechargeWrap .itemType {
  display: table-cell;
  vertical-align: middle;
  background-color: #976f28; }
  .rechargeWrap .itemType span {
    display: block;
    color: #ffe6b9;
    font-size: 1.14286rem; }
  .rechargeWrap .itemType .money {
    font-size: 2.14286rem; }

.rechargeWrap .card i,
.rechargeWrap .coupon i {
  width: 1.92857rem;
  background-size: 1.85714rem; }

.rechargeWrap .card {
  background-color: #579728; }
  .rechargeWrap .card i {
    height: 1.5rem;
    background-image: url(../../res/img/icon/czkcz@2x.png); }

.rechargeWrap .coupon {
  background-color: #1f9fae; }
  .rechargeWrap .coupon i {
    height: 1.82143rem;
    background-image: url(../../res/img/icon/yhqdh@2x.png); }

/*_fixed_amount*/
.fixedAmountWrap .amountContent {
  margin-top: 0.28571rem;
  padding-top: 1.25rem;
  padding-bottom: 1.42857rem;
  text-align: center;
  color: #4e4e4e;
  background-color: #fff; }
  .fixedAmountWrap .amountContent span:nth-child(1) {
    display: block;
    margin-bottom: 0.71429rem;
    font-size: 0.85714rem; }
  .fixedAmountWrap .amountContent .cAmount,
  .fixedAmountWrap .amountContent .zAmount span {
    color: #48B6F5; }
  .fixedAmountWrap .amountContent .cAmount {
    display: block;
    margin-bottom: 0.53571rem;
    font-size: 1.78571rem; }
  .fixedAmountWrap .amountContent .RMB,
  .fixedAmountWrap .amountContent .zAmount {
    font-size: 0.85714rem; }
    .fixedAmountWrap .amountContent .RMB span,
    .fixedAmountWrap .amountContent .zAmount span {
      display: inline; }

.fixedAmountWrap .payWayWrap {
  margin-top: 0.53571rem;
  padding: 0 1.07143rem;
  background-color: #fff; }
  .fixedAmountWrap .payWayWrap h2 {
    padding: 0.53571rem 0.89286rem;
    font-size: 1.14286rem;
    border-bottom: 1px solid #c5c5c5; }
  .fixedAmountWrap .payWayWrap .payWayList li {
    position: relative;
    overflow: hidden;
    padding: 0.89286rem; }
    .fixedAmountWrap .payWayWrap .payWayList li label {
      margin-right: 0.53571rem; }
    .fixedAmountWrap .payWayWrap .payWayList li .typeText {
      padding-left: 0.35714rem;
      vertical-align: super; }
    .fixedAmountWrap .payWayWrap .payWayList li input {
      position: absolute;
      z-index: -1; }

.fixedAmountWrap .btnWrap {
  padding: 0 1.07143rem; }
  .fixedAmountWrap .btnWrap .payBtn {
    width: 100%;
    margin-top: 1.60714rem;
    padding: 1.07143rem 0;
    text-align: center;
    color: #fff;
    background-color: #48B6F5; }

/*其他金额充值/充值卡充值/优惠券兑换*/
.amountWrap {
  margin-top: 0.28571rem;
  /*充值卡充值*/ }
  .amountWrap .amountEnterArea {
    width: 100%;
    height: 3.21429rem;
    padding: 0 1.25rem;
    font-size: 1.14286rem;
    border: none;
    background-color: #fff; }
    .amountWrap .amountEnterArea input {
      width: 100%;
      height: 60%;
      border: none;
      margin-top: 0.71429rem;
      background-color: transparent; }
  .amountWrap .btnWrap {
    padding: 0 1.07143rem; }
    .amountWrap .btnWrap .sureBtn {
      width: 100%;
      margin-top: 1.07143rem;
      height: 3.21429rem;
      line-height: 3.21429rem;
      font-size: 1.14286rem;
      color: #fff;
      background-color: #48B6F5; }
  .amountWrap .typeWrap {
    line-height: 3.21429rem;
    margin: 0.28571rem 0;
    text-align: center;
    background-color: #fff; }
    .amountWrap .typeWrap .typeContent {
      margin: 0 36%;
      border-bottom: 2px solid #48B6F5;
      color: #48B6F5; }

/*_address地址*/
.addressWrap {
  margin-top: 0.28571rem; }

.addressBody > li {
  position: relative;
  margin-bottom: 0.71429rem;
  padding: 1.07143rem;
  background-color: #fff; }

.addressBody .default:after {
  content: '默认';
  position: absolute;
  top: 1.07143rem;
  right: 1.07143rem;
  padding: 0.35714rem 0.71429rem;
  font-size: 0.85714rem;
  border-radius: 0.14286rem;
  border: 1px solid #48B6F5;
  color: #48B6F5; }

.addressBody {
  font-size: 1.07143rem; }
  .addressBody .addressInfo {
    padding-bottom: 1.07143rem; }
    .addressBody .addressInfo li {
      margin-bottom: 1.42857rem; }
    .addressBody .addressInfo li:nth-child(2) {
      margin-bottom: 0; }
  .addressBody .userInfo .userName {
    margin-right: 1.42857rem; }

.addressFooter {
  overflow: hidden;
  padding: 0.71429rem 0;
  border-top: 1px solid #ddd; }
  .addressFooter .addressDo {
    overflow: hidden;
    float: right; }
    .addressFooter .addressDo li {
      float: left;
      margin-left: 0.71429rem;
      padding: 0.35714rem 0.71429rem;
      border: 1px solid #ccc;
      border-radius: 0.14286rem; }

.addAddress {
  display: block;
  height: 3.57143rem;
  padding-left: 0.89286rem;
  margin-top: 0.89286rem;
  line-height: 3.57143rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff; }
  .addAddress .addIcon {
    float: right;
    display: inline-block;
    margin-right: 0.89286rem;
    font-size: 1.78571rem;
    font-weight: bold; }

/*_editAddress 修改新增地址*/
.editAddress {
  padding-top: 0.28571rem;
  font-size: 1.21429rem; }
  .editAddress .inputArea {
    border-top: 1px solid #ddd; }
    .editAddress .inputArea li {
      height: 3.21429rem;
      line-height: 3.21429rem;
      padding: 0 1.07143rem;
      border-bottom: 1px solid #ddd;
      background-color: #fff; }
    .editAddress .inputArea li:nth-child(2) {
      margin-bottom: 0.28571rem;
      border-bottom: none; }
    .editAddress .inputArea li:nth-child(4) {
      border-bottom: none; }
    .editAddress .inputArea input {
      width: 100%;
      padding-left: 0.35714rem;
      font-size: 1.07143rem;
      border: none;
      background-color: transparent; }
    .editAddress .inputArea .cleanBtn {
      position: absolute;
      right: 1.07143rem;
      top: 0;
      bottom: 0;
      margin: auto; }
  .editAddress .btnWrap {
    padding: 0 1.07143rem; }
  .editAddress .saveBtn {
    width: 100%;
    height: 3.21429rem;
    line-height: 3.21429rem;
    margin-top: 2.14286rem;
    font-size: 1.21429rem;
    border-radius: 0.17857rem;
    color: #fff;
    background-color: #48B6F5; }

/*_recommend推荐有奖*/
.recommendWrap {
  text-align: center;
  min-height: 100%;
  background-color: #ffc543; }
  .recommendWrap .header {
    text-align: center; }
  .recommendWrap .sky {
    position: relative; }
  .recommendWrap .sky:after {
    position: absolute;
    top: 1.78571rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    width: 23.32143rem;
    height: 20.64286rem;
    background-image: url(../../res/img/icon/qb.png);
    background-size: cover; }
  .recommendWrap .rule {
    text-align: center; }
    .recommendWrap .rule img {
      width: 17.35714rem;
      height: 10.82143rem; }
  .recommendWrap .sharelink {
    width: 9.92857rem;
    height: 2.82143rem;
    margin-top: 1.78571rem;
    line-height: 2.82143rem;
    text-align: center;
    font-size: 1.14286rem;
    color: #fff;
    background-image: url(../../res/img/icon/share@2x.png);
    background-size: 9.92857rem; }
  .recommendWrap .shareLayer {
    display: none;
    top: 0;
    z-index: 12; }

/*_integral我的积分*/
.integralWrap {
  font-size: 1.14286rem; }
  .integralWrap .totalWrap {
    margin-bottom: 0.28571rem;
    padding-bottom: 1.25rem;
    text-align: center;
    background-color: #fff; }
    .integralWrap .totalWrap .title {
      position: relative;
      margin-top: 1.42857rem; }
    .integralWrap .totalWrap .title:before,
    .integralWrap .totalWrap .title:after {
      position: absolute;
      top: 0.64286rem;
      width: 30%;
      border: 1px solid #c2c2c2; }
    .integralWrap .totalWrap .title:before {
      left: 50%;
      margin-left: 2.85714rem; }
    .integralWrap .totalWrap .title:after {
      right: 50%;
      margin-right: 2.85714rem; }
  .integralWrap .integralTotal {
    display: inline-block;
    padding: 1.78571rem 0;
    width: 6.28571rem;
    height: 6.28571rem;
    margin: 0.28571rem 0;
    border-radius: 50%;
    color: #fff;
    background-color: #48B6F5; }
    .integralWrap .integralTotal span {
      display: block; }
    .integralWrap .integralTotal span:first-child {
      margin-bottom: 1.03571rem; }
  .integralWrap .integralDetail li {
    margin-bottom: 0.28571rem;
    padding: 1.07143rem;
    background-color: #fff; }
    .integralWrap .integralDetail li span {
      float: right;
      color: #48B6F5; }

/*_process服务流程*/
.processWrap {
  min-height: 100%;
  padding-top: 4.28571rem;
  text-align: center;
  background-color: #fffcf7; }
  .processWrap li img {
    display: inline-block;
    margin: 0 auto; }
  .processWrap li .processHeader img {
    width: 16.78571rem;
    height: 2.85714rem; }
  .processWrap li .processFooter span {
    display: block;
    font-size: 1.42857rem; }
  .processWrap li .processFooter span:nth-child(1) {
    margin-bottom: 0.71429rem;
    color: #48B6F5; }
  .processWrap li .processFooter span:nth-child(2) {
    color: #41403e; }
  .processWrap li:nth-child(1) .processBody img {
    width: 18.42857rem;
    height: 15.42857rem;
    margin-top: 3.92857rem; }
  .processWrap li:nth-child(1) .processFooter {
    margin-top: 3.92857rem; }
  .processWrap li:nth-child(2) .processBody img {
    width: 17.89286rem;
    height: 18.28571rem;
    margin-top: 3.92857rem; }
  .processWrap li:nth-child(2) .processFooter {
    margin-top: 0.71429rem; }
  .processWrap li:nth-child(3) .processBody img {
    width: 15.57143rem;
    height: 15.75rem;
    margin-top: 5.17857rem; }
  .processWrap li:nth-child(3) .processFooter {
    margin-top: 2.67857rem; }
  .processWrap li:nth-child(4) .processBody {
    margin-top: -5.71429rem; }
  .processWrap li:nth-child(4) .processBody:after {
    content: '';
    height: 100%;
    width: 100%;
    background-color: aqua; }
  .processWrap li:nth-child(4) .processFooter {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7.14286rem;
    margin: 0 auto; }
  .processWrap li:nth-child(5) .processBody img {
    width: 19.25rem;
    height: 19.10714rem;
    margin-top: 3.57143rem; }
  .processWrap li:nth-child(5) .processFooter {
    margin-top: 2.32143rem; }
    .processWrap li:nth-child(5) .processFooter a {
      display: inline-block;
      height: 2.85714rem;
      line-height: 2.85714rem;
      padding: 0 2.5rem;
      border: 1px solid #48B6F5;
      border-radius: 3px;
      color: #48B6F5;
      font-size: 1.14286rem; }

/*_service_range服务范围*/
.topBar {
  position: relative;
  margin-bottom: 0; }
  .topBar .cityList {
    display: none;
    position: absolute;
    z-index: 11;
    top: 2.14286rem;
    overflow: scroll;
    width: 40%;
    height: 17.85714rem;
    -webkit-box-shadow: 1px 2px 5px #ccc;
            box-shadow: 1px 2px 5px #ccc;
    font-size: 0.85714rem;
    background-color: #fff; }
    .topBar .cityList li {
      padding: 0.17857rem 1.07143rem;
      border-bottom: 1px solid #efefef; }
    .topBar .cityList li:active,
    .topBar .cityList li.current {
      background-color: #efefef; }
  .topBar .cityList::-webkit-scrollbar {
    width: 0; }

.sevicerRangeContent .rangeDetail {
  position: absolute;
  z-index: 10;
  width: 100%;
  padding: 1.07143rem;
  background: rgba(255, 255, 255, 0.8);
  top: 7.14286rem; }
  .sevicerRangeContent .rangeDetail .title {
    margin-bottom: 0.71429rem;
    font-size: 1.14286rem; }

/*_opinionsurvey意见反馈*/
.opinionSurveyWrap {
  min-height: 100%;
  background-color: #fff; }
  .opinionSurveyWrap .surveyHeader {
    position: relative;
    margin-top: 0.28571rem;
    padding: 0.89286rem 0;
    text-align: center;
    background-color: #fff; }
    .opinionSurveyWrap .surveyHeader .title {
      margin-bottom: 0.28571rem;
      font-size: 1.14286rem;
      color: #48B6F5; }
    .opinionSurveyWrap .surveyHeader .tips {
      font-size: 0.85714rem;
      color: #a1a1a1; }
  .opinionSurveyWrap .surveyHeader:before {
    position: absolute;
    width: 2.03571rem;
    height: 2.35714rem;
    margin-left: -8.92857rem;
    background-image: url(../../res/img/icon/rl@2x.png);
    background-size: 2.03571rem; }
  .opinionSurveyWrap .surveyHeader:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.28571rem;
    width: 100%;
    height: 0.28571rem;
    background-color: #eeeded; }
  .opinionSurveyWrap .surveyBody {
    margin-top: 0.28571rem;
    border-color: #afafaf;
    padding: 0.89286rem 1.07143rem;
    color: #4b4b4b;
    background-color: #fff; }
    .opinionSurveyWrap .surveyBody h2 {
      margin-bottom: 0.89286rem;
      font-size: 1.07143rem; }
    .opinionSurveyWrap .surveyBody .surveyItme {
      overflow: hidden;
      font-size: 1rem; }
      .opinionSurveyWrap .surveyBody .surveyItme p {
        margin-bottom: 0.89286rem;
        text-align: left; }
      .opinionSurveyWrap .surveyBody .surveyItme input {
        position: absolute;
        z-index: -1; }
      .opinionSurveyWrap .surveyBody .surveyItme span {
        position: relative;
        display: inline-block;
        width: 1.14286rem;
        height: 1.14286rem;
        margin-right: 0.35714rem;
        vertical-align: text-bottom;
        border-radius: 50%;
        border: 1px solid #afafaf; }
      .opinionSurveyWrap .surveyBody .surveyItme label {
        position: relative;
        display: inline-block;
        cursor: pointer; }
      .opinionSurveyWrap .surveyBody .surveyItme span:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 0.64286rem;
        height: 0.64286rem;
        border-radius: 50%;
        background-color: #afafaf; }
      .opinionSurveyWrap .surveyBody .surveyItme input[type=checkbox]:checked + label,
      .opinionSurveyWrap .surveyBody .surveyItme input[type=radio]:checked + label {
        color: #48B6F5; }
      .opinionSurveyWrap .surveyBody .surveyItme input[type=checkbox]:checked + label span,
      .opinionSurveyWrap .surveyBody .surveyItme input[type=radio]:checked + label span {
        border-color: #48B6F5; }
      .opinionSurveyWrap .surveyBody .surveyItme input[type=checkbox]:checked + label span:after,
      .opinionSurveyWrap .surveyBody .surveyItme input[type=radio]:checked + label span:after {
        background-color: #48B6F5; }
    .opinionSurveyWrap .surveyBody .type {
      margin-bottom: 0.71429rem; }
    .opinionSurveyWrap .surveyBody .suggestion {
      margin-bottom: 1.07143rem; }
    .opinionSurveyWrap .surveyBody .result p {
      width: 100%;
      float: none; }
    .opinionSurveyWrap .surveyBody .suggestionEnterArea {
      width: 100%;
      height: 7.14286rem;
      padding: 0.35714rem;
      resize: none;
      border: none;
      border-radius: 4px;
      background-color: #eeeded; }
  .opinionSurveyWrap .submitBtn {
    width: 100%;
    height: 3.21429rem;
    padding: 0;
    line-height: 3.21429rem;
    font-size: 1.14286rem;
    color: #fff;
    background-color: #48B6F5; }

/*-----------一键预约-----------*/
.makeAppointment {
  padding-top: 0.28571rem; }
  .makeAppointment .appointmentHeader {
    height: 3.21429rem;
    padding: 0 1.07143rem;
    margin-bottom: 0.28571rem;
    line-height: 3.21429rem;
    font-szie: 1.14286rem;
    color: #555;
    background-color: #fff; }
  .makeAppointment .appointmentHeader:before {
    width: 1.07143rem;
    height: 0.78571rem;
    margin-right: 0.64286rem;
    background-image: url(../../res/img/icon/yyxqts@2x.png);
    background-size: 1rem; }
  .makeAppointment .appointmentBody {
    margin-top: 0.28571rem; }
    .makeAppointment .appointmentBody .btnWrap {
      margin-top: 1.42857rem;
      padding: 0 1.07143rem; }
      .makeAppointment .appointmentBody .btnWrap .appointmentBtn {
        width: 100%;
        height: 3.21429rem;
        line-height: 3.21429rem;
        font-size: 1.14286rem;
        border-radius: 0.14286rem;
        color: #fff;
        background-color: #48B6F5; }

/*-----------shoppingcar购物车-----------*/
/*进入购物车按钮*/
.shoppingcarBtn {
  position: fixed;
  z-index: 10;
  bottom: 10.71429rem;
  right: 0.35714rem;
  width: 3.14286rem;
  height: 3.14286rem;
  margin-top: -1.57143rem;
  text-align: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6); }
  .shoppingcarBtn i {
    width: 1.78571rem;
    height: 1.78571rem;
    margin-top: 0.92857rem;
    margin-left: -0.21429rem;
    background-image: url(../../res/img/icon/shoppingcar@2x.png);
    background-size: 1.57143rem; }
  .shoppingcarBtn span {
    position: absolute;
    display: block;
    top: 0.57143rem;
    right: 0.35714rem;
    width: 1.28571rem;
    height: 1.28571rem;
    line-height: 1.28571rem;
    text-align: center;
    font-size: 0.85714rem;
    color: #fff;
    border-radius: 50%;
    background-color: #48B6F5; }

/*购物车详情*/
.shoppingCar {
  /*购物车列表*/
  padding-top: 0.28571rem;
  /*收件人信息*/ }
  .shoppingCar table {
    width: 100%;
    background-color: #fff; }
  .shoppingCar thead {
    height: 2.14286rem;
    line-height: 2.14286rem;
    border-bottom: 1px solid #EEE; }
    .shoppingCar thead td {
      width: 33.333%;
      padding: 0.71429rem 0;
      text-align: center;
      font-size: 1.07143rem;
      color: #4b4b4b; }
  .shoppingCar tbody tr {
    border-bottom: 1px solid #EEE; }
  .shoppingCar tbody td {
    padding: 1.42857rem 0; }
    .shoppingCar tbody td img {
      width: 4.28571rem;
      height: 4.28571rem; }
    .shoppingCar tbody td .name {
      display: block;
      margin-top: 0.71429rem; }
  .shoppingCar tbody .price span {
    font-size: 1rem;
    color: #48B6F5; }
  .shoppingCar tbody td:nth-child(1),
  .shoppingCar tbody td:nth-child(3) {
    text-align: center; }
  .shoppingCar tbody td:nth-child(3) {
    position: relative; }
  .shoppingCar tbody .delBtn {
    position: absolute;
    top: 0.71429rem;
    right: 1.07143rem;
    width: 1.42857rem;
    height: 1.42857rem;
    background-image: url(../../res/img/icon/sc@2x.png);
    background-size: 1.35714rem; }
  .shoppingCar tbody .count p {
    overflow: hidden;
    float: left;
    height: 2.5rem;
    line-height: 2.5rem;
    border: 1px solid #ddd;
    border-radius: 0.14286rem; }
  .shoppingCar tbody .count p:nth-child(2) {
    border: none;
    margin: 0 0.71429rem; }
  .shoppingCar tbody .count i {
    display: block;
    float: left;
    width: 1.92857rem;
    text-align: center;
    font-size: 1.28571rem;
    background-color: #eee; }
  .shoppingCar tbody .count input {
    float: left;
    width: 3.21429rem;
    height: 2.5rem;
    border-color: #c2c2c2;
    text-align: center;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; }
  .shoppingCar tfoot {
    overflow: hidden; }
    .shoppingCar tfoot .totalInfo {
      overflow: hidden;
      float: right;
      margin-right: 1.07143rem; }
      .shoppingCar tfoot .totalInfo li {
        display: inline-block;
        margin-left: 1.78571rem;
        line-height: 1.42857rem;
        text-align: right; }
      .shoppingCar tfoot .totalInfo li:nth-child(1) i {
        padding: 0.35714rem; }
      .shoppingCar tfoot .totalInfo i,
      .shoppingCar tfoot .totalInfo span {
        font-size: 1.42857rem;
        color: #48B6F5; }
      .shoppingCar tfoot .totalInfo .RMB {
        font-size: 0.85714rem; }
  .shoppingCar .consigneeInfo {
    margin-top: 0.28571rem; }

/*优惠券*/
.coupon .couponNav {
  overflow: hidden;
  padding: 0.71429rem 0;
  font-size: 1.14286rem;
  background-color: #fff; }
  .coupon .couponNav li:nth-child(2) {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee; }
  .coupon .couponNav li.current {
    color: #fe6464; }

.coupon .ygqList .couponBody {
  background-color: #ccc !important; }

.coupon .ygqList .coupontFooter {
  color: #9A9A9A !important; }

.coupon .ygqList .avatar {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray; }

.coupon .couponList {
  margin-top: 0.71429rem;
  padding: 0 1.07143rem; }
  .coupon .couponList .couponItem {
    overflow: hidden;
    margin-bottom: 0.71429rem;
    border-radius: 0.14286rem; }
  .coupon .couponList .couponBody {
    overflow: hidden;
    padding: 1.42857rem 1.07143rem;
    background-color: #fe6464; }
    .coupon .couponList .couponBody .avatar {
      float: left;
      display: block;
      width: 3.57143rem;
      height: 3.57143rem;
      margin-right: 1.07143rem;
      border-radius: 50%; }
    .coupon .couponList .couponBody .use {
      width: 75%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 1.35714rem;
      color: #fff; }
  .coupon .couponList .couponFooter {
    overflow: hidden;
    padding: 0.64286rem 1.07143rem;
    font-size: 0.85714rem;
    background-color: #fff; }
    .coupon .couponList .couponFooter .date {
      float: right; }

/*-------pay------支付*/
.inputBeautify i {
  position: relative;
  display: block;
  width: 1.21429rem;
  height: 1.21429rem;
  border-radius: 50%;
  border: 1px solid #ccc; }

.inputBeautify .check {
  visibility: hidden;
  position: absolute;
  -webkit-appearance: none; }

.inputBeautify .check:checked + i {
  border-color: #48B6F5; }

.inputBeautify .check:checked + i:before {
  content: '';
  position: absolute;
  top: 0.28571rem;
  left: 0.28571rem;
  width: 0.64286rem;
  height: 0.35714rem;
  border: 2px solid #48B6F5;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  background: transparent; }

.payWrap {
  padding-top: 0.71429rem; }
  .payWrap .btnWrap {
    margin-top: 1.07143rem;
    padding: 0 1.07143rem;
    font-size: 1.14286rem; }
    .payWrap .btnWrap .btn {
      width: 100%;
      height: 2.85714rem;
      line-height: 2.85714rem;
      color: #fff;
      background-color: #48B6F5; }

.payHeader {
  padding: 0.71429rem 1.07143rem;
  font-size: 1.14286rem;
  color: #4b4b4b;
  background-color: #fff; }
  .payHeader select {
    width: 35%;
    height: 1.78571rem;
    margin-top: -0.21429rem;
    outline: none;
    text-align: center;
    color: #B3B3B3;
    border-radius: 0.14286rem; }

.payBody {
  margin-top: 0.71429rem;
  padding: 0.71429rem 0;
  background-color: #fff; }
  .payBody .payTips {
    padding: 0 1.07143rem;
    margin-bottom: 0.71429rem;
    font-size: 1.14286rem;
    color: #4b4b4b; }
  .payBody .payWay {
    padding: 0 1.07143rem;
    font-size: 1.07143rem;
    border-bottom: 1px solid #d7d7d7; }
    .payBody .payWay li {
      margin-bottom: 1.07143rem; }
    .payBody .payWay label {
      overflow: hidden; }
    .payBody .payWay i {
      display: block;
      float: left;
      margin-right: 0.78571rem; }
    .payBody .payWay .wechat img {
      width: 1.78571rem;
      height: 1.78571rem;
      margin-right: 0.21429rem;
      vertical-align: text-bottom; }
    .payBody .payWay .yue img {
      width: 1.78571rem;
      height: 1.57143rem;
      margin-right: 0.21429rem; }
    .payBody .payWay .yue span:nth-child(2) {
      margin-left: 1.07143rem;
      font-size: 0.85714rem;
      color: #ccc; }
  .payBody .payMuch {
    margin-top: 0.57143rem;
    margin-right: 1.07143rem;
    font-size: 1.07143rem;
    text-align: right; }
    .payBody .payMuch i {
      color: #48B6F5; }

/*商户端*/
/*-------login------登录*/
.loginWrap {
  height: 100%;
  padding-top: 3.57143rem;
  background-color: #fff; }

.loginForm {
  padding: 1.07143rem; }
  .loginForm .logo {
    margin-bottom: 0.71429rem;
    text-align: center; }
    .loginForm .logo img {
      width: 5.35714rem;
      height: 5.35714rem; }
  .loginForm .tips {
    margin-bottom: 1.07143rem;
    font-size: 1.14286rem;
    text-align: center;
    color: #00b5ad; }
  .loginForm form {
    padding: 1.07143rem;
    border-radius: 0.14286rem;
    margin: 0 auto;
    border: 1px solid #efefef;
    border-radius: 1%; }
    .loginForm form p {
      overflow: hidden;
      padding: 0.71429rem 0.71429rem 0.35714rem;
      border-radius: 0.14286rem;
      border: 1px solid #efefef; }
    .loginForm form input {
      width: 100%;
      text-indent: 1.42857rem;
      border: none; }
    .loginForm form p:before {
      position: absolute;
      width: 1.07143rem;
      height: 1.07143rem; }
    .loginForm form .username {
      margin-bottom: 1.07143rem; }
    .loginForm form .username:before {
      background-image: url(../../res/img/icon/user.png); }
    .loginForm form .password:before {
      background-image: url(../../res/img/icon/password.png); }
    .loginForm form .btn {
      width: 100%;
      margin-top: 1.42857rem;
      padding: 0.71429rem 0;
      color: #fff;
      background-color: #00b5ad; }

/*-------businessOrder------商户订单*/
.businessOrderWrap {
  padding-top: 0.71429rem; }
  .businessOrderWrap .typeNav {
    overflow: hidden;
    background-color: #fff; }
    .businessOrderWrap .typeNav li {
      height: 3.57143rem;
      line-height: 3.57143rem; }
    .businessOrderWrap .typeNav li.current {
      border-bottom: 2px solid #48B6F5;
      color: #48B6F5; }
  .businessOrderWrap .businessOrderList {
    margin-top: 0.71429rem; }
    .businessOrderWrap .businessOrderList .item {
      overflow: hidden;
      padding: 0.5rem 1.07143rem;
      margin-bottom: 0.71429rem;
      background-color: #fff; }
    .businessOrderWrap .businessOrderList .received ul {
      border-bottom: 1px solid #c7c7c7; }
    .businessOrderWrap .businessOrderList li {
      margin-bottom: 0.35714rem; }
    .businessOrderWrap .businessOrderList .mark {
      padding: 0.28571rem;
      margin-right: 1.42857rem;
      border-radius: 0.14286rem;
      font-size: 0.85714rem;
      color: #fff; }
    .businessOrderWrap .businessOrderList .red {
      background-color: #48B6F5; }
    .businessOrderWrap .businessOrderList .blue {
      background-color: #349bea; }
    .businessOrderWrap .businessOrderList li:nth-child(1) {
      margin-bottom: 0.71429rem; }
    .businessOrderWrap .businessOrderList li:nth-child(3) {
      line-height: 1.5; }
    .businessOrderWrap .businessOrderList .address span {
      display: block;
      float: left; }
    .businessOrderWrap .businessOrderList .address p {
      overflow: hidden; }
    .businessOrderWrap .businessOrderList .userName {
      margin-right: 1.42857rem; }
    .businessOrderWrap .businessOrderList .btn {
      float: right;
      margin-top: 0.71429rem;
      font-size: 1.07143rem;
      border: 1px solid #48B6F5;
      color: #48B6F5;
      background-color: transparent; }

/*确认金额*/
.moneyDialog {
  display: none;
  position: fixed;
  z-index: 15;
  top: 50%;
  width: 100%;
  margin-top: -20%;
  padding: 0 10%; }
  .moneyDialog .dialogBody label {
    display: block;
    float: left; }
  .moneyDialog .dialogBody p {
    overflow: hidden;
    width: 60%;
    border-bottom: 1px solid #c7c7c7; }
  .moneyDialog .dialogBody input {
    width: 100%; }
  .moneyDialog .dialogContent {
    padding: 1.42857rem 1.07143rem;
    padding: 1.42857rem 1.07143rem;
    background-color: #fff; }
    .moneyDialog .dialogContent input {
      border: none;
      background-color: transparent; }
    .moneyDialog .dialogContent button {
      height: 2.14286rem;
      line-height: 2.14286rem;
      margin-top: 1.42857rem;
      width: 100%;
      color: #fff;
      background-color: #48B6F5; }
